.back-white {
	background-color: #FFFFFF;
}

.back-grey {
	background-color: #E6E6E6;
}

.common-text-size {
	font-size: 4vw;
}

.small-common-text-size {
	font-size: 3vw;
}

.big-common-text-size {
	font-size: 5vw;
}

.mt-1 {
	margin-top: calc(1vh);
}

.mt-2 {
	margin-top: calc(1vh);
}

.mr-1 {
	margin-right: 1vw;
}

.mr-2 {
	margin-right: 2vw;
}

.mr-4 {
	margin-right: 4vw;
}

.ml-1 {
	margin-left: calc(1vw);
}

.ml-2 {
	margin-left: 2vw;
}

.ml-4 {
	margin-left: 4vw;
}

.mb-1 {
	margin-bottom: calc(1vh);
}

.mb-2 {
	margin-bottom: calc(2vh);
}

.pb-1 {
	padding-bottom: calc(1vh);
}

.pb-2 {
	padding-bottom: calc(2vh);
}

.pr-1 {
	padding-right: calc(1vw);
}

.inline-hidden {
	display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(65vw);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
}

.item {
	flex: 1;
}

.item-between {
	display: flex;
	justify-content: space-between;
}

.font-color {
	color: #999999;
}

.float-r {
	float: right;
}

.float-l {
	float: left;
}

.circle {
	border-radius: 50%;
}

.show-inline {
	display: flex;
	justify-content: space-between;
	width: calc(65vw);
	line-height: calc(10vh);
}

.circle-button {
	border-radius: calc(5vw);
}

.common-width96 {
	width: calc(96vw);
}

.common-width94 {
	width: calc(96vw);
}

.common-width90 {
	width: calc(90vw);
}

.position-bottom {
	position: absolute;
	bottom: 0;
}

.text-center {
	text-align: center;
}

scroll-view::-webkit-scrollbar {
	width: 0;
	scrollbar-width: none;
}

.text-red {
	color: red;
}

.text-blue {
	color: #007AFF;
}